<template>
  <div class="vtitle">
       <el-row>
            <el-col :span="12"><h2 class="tite-left">{{vtitle.toUpperCase()}}</h2></el-col>
            <el-col :span="12" class="vt-right">
                <el-breadcrumb separator="/" class="vt-right">
                    <el-breadcrumb-item class="pt-home" :to="{ path: '/DashBoard' }"><span class="pt-home">HOME</span></el-breadcrumb-item>
                    <el-breadcrumb-item class="pt-title">{{vtitle}}</el-breadcrumb-item>
                </el-breadcrumb>
            </el-col>
        </el-row>
  </div>
</template>
<script>
export default {
  props:['vtitle'],
  data(){
      return {

      }
  }
}
</script>
<style scoped>
    .vt-right{
        text-align: right;
    }
    .pt-home{
        color: #209e91;
        font-size: 20px;
    }
    .pt-title{
        font-size: 20px;
    }
</style>


